<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>AM</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
</head>
<body>
<h1>首页</h1>

<a th:text="${logisticsNo}"></a>
<h3 th:each="user:${users}" th:text="${user}"></h3>
<div class="input-group col-4 mx-auto">
    <input type="text" class="form-control" placeholder="请输入收件人手机号码" aria-label="phone" aria-describedby="button-addon2">
    <button class="btn btn-outline-secondary" type="button" id="button-addon2">查 询</button>
</div>
<div class="input-group col-4 mx-auto">
    <input type="text" class="form-control" placeholder="请输入收件人手机号码" aria-label="phone">
</div>
<div class="d-grid gap-2 col-4 mx-auto">
    <button class="btn btn-primary" type="button">查 询</button>
</div>
<div th:if="${logisticsNo}">

<a th:href="@{'https://www.kuaidi100.com/chaxun?nu='+${logisticsNo}}" target="_blank">物流信息</a>
</div>

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
</body>
</html>